import { Component } from "react"

export default class Count extends Component {
  render() {
    return (
      <div>
        <p>{this.props.count}</p>
        <button
          className="increment"
          onClick={() => {
            this.props.incA(100)
          }}
        >
          +
        </button>
        <button
          className="decrement"
          onClick={() => {
            this.props.decA(20)
          }}
        >
          -
        </button>
        <button
          className="multiply"
          onClick={() => {
            this.props.asyncMul(2)
          }}
        >*</button>
        <h1 style={{ color: this.props.color }}>{this.props.msg}</h1>
      </div>
    )
  }
}
